<div th:fragment="html">
    <div class="rule_container">
        <nav aria-label="breadcrumb">
            <ol class="breadcrumb">
                <li class="breadcrumb-item"><a th:href="@{/main}">快递系统管理</a></li>
                <li class="breadcrumb-item"><a th:href="@{/rule}">财务</a></li>
                <li class="breadcrumb-item active">财务</li>
            </ol>
        </nav>
        <div class="jumbotron jumbotron-information">
            <div class="row">
                <canvas class="col-sm-6" id="input_graph" ></canvas>
                <canvas class="col-sm-6" id="output_graph" ></canvas>
                <canvas class="col-sm-6" id="input_output_graph" ></canvas>
                <canvas class="col-sm-6" id="day_graph"></canvas>
            </div>
        </div>
        <div class="jumbotron jumbotron-information">
            <div class="row">
                <div class="col-sm-1">员工ID</div>
                <input class="form-control col-sm-5" placeholder="请输入员工的ID" v-model.trim="sid">
                <div class="col-sm-1">年份</div>
                <input class="form-control col-sm-2" placeholder="请输入年份" v-model.trim="year">
                <div class="col-sm-1"></div>
                <button class="btn btn-info col-sm-2" @click="search">查询</button>
            </div>
            <div class="row">
                <canvas class="col-sm-12" id="salary_graph" ></canvas>
            </div>
        </div>
    </div>

</div>